<template>
  <div class="app-container">
    <div style="display: flex;
    justify-content: center;page-break-after:always; overflow: hidden;">
      <table style="width: 401pt; border-spacing: 0;
  background-color: #fff;">
        <!--StartFragment-->
        <colgroup>
          <col width="43" style="mso-width-source: userset; mso-width-alt: 1536; width: 32pt" />
          <col width="342" style="mso-width-source: userset; mso-width-alt: 12174; width: 257pt" />
          <col width="81" style="mso-width-source: userset; mso-width-alt: 2872; width: 61pt" />
          <col width="53" style="mso-width-source: userset; mso-width-alt: 1877; width: 40pt" />
          <col width="131" style="mso-width-source: userset; mso-width-alt: 4664; width: 50pt" />
        </colgroup>
        <tbody>
          <tr height="36">
            <td colspan="3" class="xl63 border-style border-header" style="border: 0; text-align: center;  padding: 10px;
      color: #000000;
    font-size: 26pt;
    font-weight: 400;
    font-style: normal; 
    font-family: '宋体','monospace';">2022年专利获评分表</td>
          </tr>
          <tr height="32">
            <td class="xl69 border-style border-style2">序号</td>
            <td class="xl69 border-style2">项目名称</td>
            <td class="xl63 border-style2 x170" style="width: 60px;">分值</td>
          </tr>
          <!-- 遍历 -->
          <tr height="37" v-for="(item2,index2) in score" :key="item2.proId">
            <td class="xl68 border-style">{{index2+1}}</td>
            <td class="xl68">{{item2.proName}}</td>
            <td class="xl63 x170">{{item2.score}}</td>
          </tr>
          <!-- END -->
          <tr height="33">
            <td colspan="2" style="text-align: end;border: 0;padding-top:14px">专家签名:</td>
          </tr>

          <tr height="31">
            <td colspan="3" style="text-align: end;border: 0;">
              2021年11月3日
            </td>
          </tr>
          <!--EndFragment-->
        </tbody>
      </table>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      score: []
    }
  },
  created () {
    if (this.$route.query.newArr == undefined || null) {
      this.$router.push('/Ranking/analysis')
    }
    this.getData()
  },
  methods: {
    getData () {
      this.score = this.$route.query.newArr
    }
  }
}
</script>
<style scoped>
table {
  text-align: center;
  border-collapse: collapse;
}

th,
td {
  width: 100px;

  height: 40px;

  border: 1px solid black;

  font-size: 12px;

  text-align: center;
}
</style>